.w {
  position: relative;
  height: 100%;
  width: 1200px;
  margin: 0 auto;
}
.l {
  float: left;
}
.r {
  float: right;
}

/* 头部 */
.head {
  width: 100%;
  height: 100px;
  border-bottom: 1px solid #f5f5f5;
}
.head .logo {
  float: left;
  width: 221px;
  height: 100px;
  background: url("../img/logo.png") no-repeat center;
}
/*  头部导航栏 */
.head .nav {
  float: right;
}
.head .nav .nav-item {
  float: left;
  width: 36px;
  height: 100%;
  line-height: 100px;
  font-size: 14px;
  margin-left: 72px;
  text-align: center;
}
.head .nav .nav-item .line {
  display: block;
  width: 80%;
  height: 1px;
  margin: 0 auto;
  background-color: #668aca;
  margin-top: -35px;
  opacity: 0;
}
.head .nav-item:hover a {
  font-size: 18px;
  color: #668aca;
}
.head .nav-item:hover .line {
  opacity: 1;
}
.head .nav-item.active a {
  font-size: 18px;
  color: #668aca;
}
.head .nav-item.active .line {
  opacity: 1;
}

/* 标题 */
.title {
  margin-top: 120px;
  margin-bottom: 60px;
}
.title h2 {
  font-size: 30px;
  line-height: 28px;
}
.title p {
  font-size: 12px;
  line-height: 22px;
}
.title .left-line {
  float: left;
  width: 60px;
  height: 1px;
  background-color: #a1a1a1;
}
.title .right-line {
  float: right;
  width: 300px;
  height: 1px;
  background-color: #a1a1a1;
}
/* 标题副本 */
.title-bak {
  overflow: hidden;
}
.title-bak h2 {
  font-size: 18px;
  line-height: 17px;
  color: #767676;
}
.title-bak p {
  font-size: 12px;
  margin: 8px 0;
  line-height: 10px;
  color: #6b6b6b;
}
.title-bak .left-line {
  float: left;
  width: 30px;
  height: 1px;
  background-color: #a1a1a1;
}

/* 导航栏   .lacate和subnav */
.column{
    overflow: hidden;    
    margin-top: 30px;
}
/* 小导航locate */
.locate {
  margin-top: 20px;
}
.locate p {
  font-size: 14px;
  line-height: 14px;
}
.locate img {
  width: 5px;
  height: 5px;
  vertical-align: top;
  margin: 5px 11px 4px 11px;
}
.locate span {
  color: #668aca;
}

/* 子导航栏 */
.subnav {
  float: right;
  margin-top: 20px;
  overflow: hidden;
}
.subnav-item {
  overflow: hidden;
  font-size: 16px;
  line-height: 16px;
  color: #767676;
}
.subnav a {
  float: left;
}
.subnav-item .line {
  display: block;
  width: 80%;
  height: 1px;
  margin: 0 auto;
  background-color: #668aca;
  margin-top: 6px;
  opacity: 0;
}
.subnav .right-line {
  float: left;
  font-size: 8px;
  margin: 0 36px;
}
.subnav-item:hover a {
  color: #668aca;
}
.subnav-item:hover .line {
  opacity: 1;
}
.subnav-item.active a {
  color: #668aca;
}
.subnav-item.active .line {
  opacity: 1;
}

/* 尾部 */
.footer {
  overflow: hidden;
  background-color: #f7f7f7;
  height: 262px;
}
.footer .list {
  margin-top: 98px;
}
.footer .list-item {
  overflow: hidden;
}
.footer .info {
  margin-right: 131px;
  float: left;
}
.footer .info.first {
  margin: 0 131px;
}
.footer .info p {
  height: 30px;
  font-size: 14px;
  line-height: 30px;
}
.footer .info img {
  margin-top: 10px;
  width: 25px;
  height: 25px;
}
.footer .info .second {
  margin: 0 14px;
}
.footer .right-line {
  margin-top: 10px;
  float: right;
  width: 1px;
  height: 70px;
  margin-right: 61px;
  background-color: #e9e9e9;
}
